﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: #999;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #020;
}

h3.message
{
    display: block;
    background-color: #DDD6C5;
}

input[type="text"],
input[type="password"]
{
    height: 2.2em;
    font-size: 1.3em;
    font-weight:bolder;
    
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
}

header, #header 
{
    margin:5px 5px 5px 5px;
    background-color: #EDE6D5;
    color: #73747B;
    padding: 0;
    display: block;
    text-align: center;
    
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
}

header h1, #header h1 
{
    text-align: center;
    font-weight: bold;
    margin:10px 5px 5px 5px;
    padding: 15px 30px 15px 30px;
    color: #73747B;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #222;
    background-color: #EDE6D5;
    
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
}

#main 
{
    margin: 5px 5px 0px 5px;
    padding: 10px 30px 15px 30px;
    background-color: #EDE6D5;
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
}

footer, 
#footer 
{
    margin:5px 5px 5px 5px;
    background-color: #EDE6D5;
    color: #73747B;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
}

header,
footer,
nav,
section {
    display: block;
}

/*
Primary Color:
FFD58F	BFA880	A6792E	FFDFAB	FFE8C1
Complementary Color:
6F8FBA	62738C	244879	9AB6DD	ACC0DD
*/

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    /*font-size: 1.5em;*/
    color: #73747B;
}


div.tabs {
    
    display: inline-block;
    margin: 0;
    padding: 0;
}

a.ActiveTab 
{
    color: #333D6B;
    text-decoration: none;
    font-size: 1.3em;
    padding: 3px 3px 3px 3px; 
    background-color: #F6F2E8;
    margin: 8px 2px 8px 0px;
    display: inline;
    float: left; 
    
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}

a.ActiveTab:hover {
   background-color:  #A4A097
}

a.NonActiveTab 
{
    color: #333D6B;
    text-decoration: none;
    font-size: 1.3em;
    padding: 3px 3px 3px 3px; 
    background-color: #B4B0A7;
    margin: 8px 2px 8px 0px;
    display: inline;
    float: left; 
    
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}

a.NonActiveTab:hover {
   background-color:  #A4A097
}


a.TabContent {
    background-color: #F6F2E8;
    margin: -12px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}


.ActButton a,
input[type="submit"],
a.ActButton,
div.ActButton
 {
    background-color: #A4A097;
    display:inline-block;
    text-decoration: none;
    border-width: 1;
    border-style: solid;
    border-color: #848067;
    color: #F6F2E8;
    font-size: 1.3em;
    padding: 4px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}



.ActButton a:hover,
input[type="submit"]:hover,
a.ActButton:hover,
div.ActButton:hover {
    background-color: #949087;
}
 


a.ActButton img,
div.ActButton img {
    height: 24px;
    margin: 2px;
}

a.ActButton a,
div.ActButton a {
    text-decoration: none;
    font-size: 1.2em;
    color: #F6F2E8;
    margin: 13px;
    
}

h1.XListTitle {
    display: inline;
}

table.XListContent tr 
{
    font-size: 1.3em;
    color: #F6F2E8;
    display: block;
}

table.XListContent td 
{
    width: 100%;
}

.tableEven
{
    background-color: #A4A097;
} 

table.XListContent tr:nth-child(even) 
{
    background-color: #A4A097;
} 

.tableOdd
{
    background-color: #A09487;
}

table.XListContent tr:nth-child(odd) 
{
    background-color: #A09487;
}


table.editForm
{
        border-style:solid;
        border-bottom-color:Gray;
        border-width:1px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
}

table.editForm th
{
    text-align:right
}

table.editForm td
{
    text-align:left
}


input[type="text"].wideEditor
{
    width:100%;
}


